@import "./reset.less";
@cr-white-a30: rgba(255, 255, 255, 0.30);
@cr-white-a75: rgba(255, 255, 255, 0.75);
@cr-white: rgba(255, 255, 255, 1);

@cr-black: rgba(0, 0, 0, 1);
@cr-black-a30: rgba(0, 0, 0, 0.3);
@cr-black-v1: #210000;

@cr-red-a50: rgba(255, 0, 0, 0.50);
@cr-yellow: #fff78a;
@cr-brightYellow: #ffb415;

@cr-info-a50: rgba(22, 119, 255, 0.50);
@cr-info: rgba(22, 119, 255, 1);
@cr-success-a50: rgba(82, 196, 26, 0.50);
@cr-success: rgba(82, 196, 26, 1);
@cr-warning-a50: rgba(250, 173, 20, 0.50);
@cr-warning: rgba(250, 173, 20, 1); 
@cr-error-a50: rgba(255, 77, 79, 0.50);
@cr-error: rgba(255, 77, 79, 1);

@cr-alert-01: #370000;
@cr-alert-02: rgba(198,0,0,0.4);
@cr-alert-03: rgba(224, 32, 32, 1); 
@cr-alert-04: rgba(250, 100, 0, 1);
@cr-alert-05: rgba(247, 181, 0, 1);
@cr-alert-06: #8B1A1A;

@img-bg-01: url(/public/images/love.png);

@zx01: 1;
@zx02: 2;
@zx06: 6;
@zx07: 7;
@zx08: 8;
@zx09: 9;
@zx10: 10;
@zx99: 99;

@font-face {
    font-family: 'zcoolkangyuyang_w01';
    src: url('/fonts/TsangerYuYangT-W01.woff2') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'SJxingkai';
    src: url('/fonts/SJxingkai-C-Regular.woff2') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'HXBhandsome';
    src: url('/fonts/胡晓波男神体.otf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('/fonts/D-DIN-PRO-Bold.woff2') format('truetype');
    font-display: swap;
}

.fh1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fh2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fh3{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.fh4{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


.fv1 {
    display: flex;
    flex-direction: column;
}

.fv2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fv3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.bg-cover{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    // background-blend-mode: darken;
    // background-color: rgba(1, 1, 1, 0.5);
}

@keyframes highlight {
    0% {
        color: @cr-yellow; 
    }
    50% {
        color: @cr-brightYellow;
    }
    100% {
        color: @cr-yellow; 
    }
}
